import React, {Component, Children} from 'react';
import {Scroller, Touchable} from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import { Router, Route, IndexRoute, Link } from '$router';
import './index.scss';
import {Carousel} from '$yo-component';
class App extends Component {
    render() {
        return (
            <div className="yo-flex">
                {this.props.children}
                
                <div className="yo-tab yo-tab-view">
                <Link to='/skill' activeClassName="item-on" className="item item-y-ico"><i className="yo-ico"></i>技能</Link>
                <Link to='/experience' activeClassName="item-on" className="item item-y-ico"><i className="yo-ico"></i>经历</Link>
                <Link to='/' onlyActiveOnIndex activeClassName="item-on" className="item item-y-ico"><i className="yo-ico"></i>主页</Link>
                <Link to='/production' activeClassName="item-on" className="item item-y-ico"><i className="yo-ico"></i>项目</Link>
                <Link to='/my' activeClassName="item-on" className="item item-y-ico"><i className="yo-ico"></i>我的</Link>
         </div>
            </div>
        )
    }
}
export default App;
